<template>
    <div class="home">
        <HeaderNav />
        <div class="content">
            <LeftNav />
            <div class="right">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>
    
<script setup lang='ts'>
import HeaderNav from '@/components/Headernav.vue'
import LeftNav from '@/components/LetfNav.vue'
</script>
    
<style scoped>
.content {
    display: flex;
    height: calc(100vh - 70px);
}

.right {
    width: 100%;
    background-color: #f0f0f0;
    overflow: auto;
}
</style>